import React from 'react'
import { FloatingBubble } from 'antd-mobile'
import { AddOutline } from 'antd-mobile-icons'
import "./index.scss"
export const FlootingBubble = (props) => {
  const onClick = () => {
    props.showTable()
  }
  return (
    <div
      style={{
        textAlign: 'center',
        padding: '50vh 32px 0',
      }}
    >
      {/* <DemoDescription>尝试拖拽和点击一下气泡吧</DemoDescription> */}
      <FloatingBubble
        style={{
          '--initial-position-bottom': '24px',
          '--initial-position-right': '24px',
          '--edge-distance': '24px',
        }}
        onClick={onClick}
      >
        <AddOutline  fontSize={32} />
      </FloatingBubble>
    </div>
  )
}